@extends('layouts.header')
@section('content')
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务 <span class="c-gray en">&gt;</span> 批次查看
    <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>

<h4 class="c-red ml-20 @if(config('constant.app_name') === 'ZhenJiangYingSha') hidden @endif">修改提示：用户只能查看自己受理的批次</h4>
<div class="page-container">
    <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
        <thead>
        {{-- <tr>
            <th scope="col" colspan="6">合同管理</th>
        </tr> --}}
        <tr class="text-c">
            <th>批次编号</th>
            <th>客户名称（送检单位）</th>
            <th>受理人</th>
            <th>受理时间</th>
            <th>批次状态</th>
            <th>操作</th>
        </tr>
        </thead>
    </table>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/admin/lib/layer/3.1.1/layer.js"></script>
<script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">

    var table,dbStat = @json($data['dbstat']);

    $(function () {
        // $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
        table = $('#datatable').DataTable({
            ordering: false, // 是否排序
            // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
            // "stateDuration": -1,//仅保留当前会话的数据
            // "paging":false, //禁用分页
            serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
            // responsive: true,//响应式，需要插件
            // fixedHeader: true,//表头固定，需要插件
            // autoWidth: false,
            ajax: '{{url()->full()}}',//客户端分页时，必须写url
            processing: true,//加载数据时候是否显示进度条
            language: {url: '/admin/lib/datatables/dataTables_Chinese_Lang.json'},
            initComplete: function (settings, json) {
                //当表格完成加载绘制完成后执行此方法
                //仅初次表格数据加载完成后执行
                // $(row).addClass( 'text-c' );
                $('#datatable_filter label input').attr('placeholder', '客户全称/受理人/批次')
            },
            columns: [
                {data: "batchNum", class: "text-c"},
                {
                    data: "client_name", class: "text-c",
                    render: function (data, type, row, meta) {
                        // console.log(row)
                        return '<a style="color:#1155CC" href="javascript:;" onclick="view_client_info(' + row.id + ')">' + data + '</a>'
                    }
                },
                {data: "creator", class: "text-c"},
                {data: "created_at", class: "text-c"},
                {
                    data: "status", class: "text-c",
                    render: function (data, type, row, meta) {
                        return '<span class="badge badge-'+dbStat['status_badge'][data]+' radius">'+dbStat['status'][data]+'</span>';
                    }
                },
                {
                    data: null, class: "text-c", //操作
                    render: function (data, type, row, meta) {
                        if (row.status == 0) {
                            return '<a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="submit(' + row.id + ')">受理完成 提交</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="show_sub(\'/{{config('constant.name_admin')}}/contractGaiyao/show\',' + row.id + ')">查看</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="edit_sub(\'/{{config('constant.name_admin')}}/contractGaiyao/index\',' + row.id + ')">编辑</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="location.href=\'/{{config('constant.name_admin')}}/contract/export?id=' + row.id + '\'">下载委托单</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="location.href=\'/{{config('constant.name_admin')}}/contract/exportFF?id=' + row.id + '\'">下载分发单</a>' +
                                ' <a href="javascript:;" onclick="softDel(\'' + row.id + '\')" class="ml-5 btn btn-danger-outline radius size-MINI">删除</a>';
                        } else {
                            return '<a class="ml-5 btn radius size-MINI disabled" href="javascript:;" onclick="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已提交&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="show_sub(\'/{{config('constant.name_admin')}}/contractGaiyao/show\',' + row.id + ')">查看</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="edit_sub(\'/{{config('constant.name_admin')}}/contractGaiyao/index\',' + row.id + ')">编辑</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" target="_blank" href="/{{config('constant.name_admin')}}/contract/export?id=' + row.id + '">下载委托单</a>' +
                                ' <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="location.href=\'/{{config('constant.name_admin')}}/contract/exportFF?id=' + row.id + '\'">下载分发单</a>' +
                                ' <a href="javascript:;" onclick="softDel(\'' + row.id + '\')" class="ml-5 btn btn-danger-outline radius size-MINI">删除</a>';
                        }
                    }, searchable: false
                }
            ]
        });

        /*  draw  在表格完成绘制后触发*/
        /*  table.on( 'draw', function () {
             var info = table.page.info();
             //如果最后一页仅剩一条记录，而且不是在第一页
             if((info.start == info.end) && info.end > 1){
                 //跳转到上一页
                 $('#datatable_previous').click();
             }
         }); */
    });

    /*表格重新加载*/
    function table_reload(bool) {
        //清除表头 CheckBox的对勾
        $("#datatable").find("thead").find("input[type=checkbox]").removeAttr('checked');
        if (bool) {
            //true时，跳到第一页
            table.ajax.reload();
        } else {
            //false时，停留在原来页
            table.ajax.reload(null, false);
        }
    }

    /*在合同内编辑概要信息 */
    function edit_sub(url, id) {
        location.href = url + '?id=' + id;
    }

    /*展示合同内概要信息，不可编辑 */
    function show_sub(url, id) {
        location.href = url + '?id=' + id;
    }

    /*受理完成，提交 ，添加detail表的信息*/
    function submit(id) {
        var index2;

        layer.confirm('确认要提交吗？', {icon: 3}, function (index) {
            $.ajax({
                type: 'GET',
                url: '/{{config('constant.name_admin')}}/sampleInfo/add' + '?id=' + id,
                // dataType: 'json',
                success: function (data) {
                    // console.log(data);
                    if (data === '1') {
                        table_reload(0);//0停留在当前页，1回到第一页
                        layer.msg('提交成功!', {icon: 1, time: 2000});
                    } else {
                        layer.open({
                            content: data,
                            title: false,
                            type: 0,
                            icon: 7,
                            // skin: 'layui-layer-molv',
                            btn: '',
                            closeBtn: 2, //右上角关闭按钮风格  0无,1默认,2
                            shadeClose: true, //开启遮罩关闭
                            time: 0,
                            anim: 6,//弹出动画
                        });
                    }
                },
                error: function (data) {
                    ajax_error(data);
                },
                beforeSend: function () {
                    //0.4透明度 白色遮罩
                    index2 = layer.load(2, {shade: [0.05, '#000']});
                },
                complete: function () {
                    layer.close(index2);
                },
            });
        });
    }

    /*删除*/
    function softDel(id) {
        var index2;

        layer.confirm('确定要删除吗？', {title: '询问', icon: 3}, function (index) {
            $.ajax({
                type: 'GET',
                url: '/{{config('constant.name_admin')}}/contract/softDel' + '?id=' + id,
                // dataType: 'json',
                success: function (data) {
                    // console.log(data);
                    if (data === '1') {
                        table_reload(0);//0停留在当前页，1回到第一页
                        layer.msg('已移至回收站!', {icon: 1, time: 2000});
                    } else {
                        layer.msg('删除失败!', {icon: 2, time: 2000});
                    }
                },
                error: function (data) {
                    ajax_error(data);
                },
                beforeSend: function () {
                    //0.4透明度 白色遮罩
                    index2 = layer.load(2, {shade: [0.05, '#000']});
                },
                complete: function () {
                    layer.close(index2);
                },
            });
        });
    }

    /*查看批次的客户信息*/
    function view_client_info(id) {
        layer_show('批次信息', '/{{config('constant.name_admin')}}/contract/viewClientInfo?id=' + id, '', '');
    }

    /*修改受理时间*/
    function chageDate(obj,batchNum){
        let data = {
            batchNum: batchNum,
            date: $(obj).val(),
            _form_token: '{{csrf_form_token()}}'
        }
        ajax('post','add',data);
    }
</script>
@endsection
